import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'

// 移除冗余的 postcss 导入，Vite 会自动处理 postcss.config.js

export default defineConfig({
  base: '/', // 确保构建时相对路径正确
  plugins: [
    vue(),
    vueDevTools() // 启用 Vue DevTools 插件
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)) // 配置 @ 别名指向 src 目录
    }
  },
  server: {
    fs: {
      allow: [
        '.', // 允许访问项目根目录（包含 src、node_modules 等）
        './node_modules/@vue/devtools-core', // Vue DevTools 核心依赖
        './node_modules/@vue/devtools-kit',
        './node_modules/@vue/devtools-shared'
      ]
    },
    // 可选：禁止浏览器自动请求 favicon.ico（推荐通过 public 目录提供图标）
    // middleware: (req, res, next) => {
    //   if (req.url === '/favicon.ico') {
    //     res.statusCode = 404
    //     res.end()
    //   } else {
    //     next()
    //   }
    // }
  },
  build: {
    assetsDir: '' ,// 构建时资源目录保持根路径
    assetsInclude: ['**/*.md'],
  }
})